Проблема в ИЕ8 и выравнивание :after

[ВикторТрошка]

Как надо http://divhack.com/d...s/study/3/html/

Как получается у меня(смотреть только на вернюю часть, остальное пока наброски) http://troshka.hut4.ru/

1)Можно как-нибудь сделать чтобы мои уголки в меню центрировались ровно по середине относительно слов? Под пунктом FAQ так вообще криво выглядит.

2) В ИЕ 8 стили для меню вообще похоже игнорирует, как исправить?

3) Большую картинку под меню возможно выполнить через стили(белое свечение на фоне текста) и стоит ли вообще таким заниматься ли оставить просто картинку?

Edited January 10, 2013 by ВикторТрошка

[klierik]

1. да. для этого треугольник сделать картинкой, к примеру, или для :after задать ширину.

предположим что ширина треугольника 12px.

потом надоизменяем правило: left: 50%;

и потом margin-left: -6px; (отрицательное значение это половина ширины треугольника)

2. Игнорировать не может так как он понимает эти правила. Повесь на :after правило: border: 1px solide red; и посмотри где вообще этот элемент

3. можно. используй градиент: http://www.colorzilla.com/gradient-editor/

[ВикторТрошка]

1. да. для этого треугольник сделать картинкой, к примеру, или для :after задать ширину.

предположим что ширина треугольника 12px.

потом надоизменяем правило: left: 50%;

и потом margin-left: -6px; (отрицательное значение это половина ширины треугольника)

2. Игнорировать не может так как он понимает эти правила. Повесь на :after правило: border: 1px solide red; и посмотри где вообще этот элемент

3. можно. используй градиент: http://www.colorzill...radient-editor/

спасибо, треугольникам если задать ширину то они уже не треугольными становятся хотя с нулевым значением ширины получилось.

ИЕ игнорировал тэг nav, погуглил скрипт, стало нормально

А вот с градиентом не совсем выходит, ИЕ вообще не хочет делать, а опера делает только линейный градиент(в зеленом меню нормально, а в слогане нет). Хотя правила написаны, для ИЕ фильтр..

еще 2 косяка нашел >_<

В опере лишний пиксель на треугольнике

И при масштабировании почти во всех браузерах пункт меню FAQ слетает(по всей видимости вниз) и образуется белая полоса. Как вылечить данный недуг?

Edited January 10, 2013 by ВикторТрошка

[klierik]

1. В опере все вроде нормально: http://screencast.com/t/szfQtqNDExwR градиент есть.

Я бы треугольник сделал бы картинкой, иначе ты не сможешь гарантировать кроссбраузерное и кросплатформенное 100% соответствие.

2. Смотря в каком ИЕ. Ты читал про ИЕ9 поддержку? http://screencast.com/t/UhMijfBvxY

3. Глюки при масштабировании в 99% случаев нерешабельны.

[ВикторТрошка]

1. В опере все вроде нормально: http://screencast.com/t/szfQtqNDExwR градиент есть.

Я бы треугольник сделал бы картинкой, иначе ты не сможешь гарантировать кроссбраузерное и кросплатформенное 100% соответствие.

2. Смотря в каком ИЕ. Ты читал про ИЕ9 поддержку? http://screencast.com/t/UhMijfBvxY

3. Глюки при масштабировании в 99% случаев нерешабельны.

1)В опере только в зеленом меню, там где линейный градиент. А под меню, там где радиальный градиент, его нет.

Если треугольник плох, странно на сайте в практикуме любят его использовать, я думал это наоборот как современный тип верстки.Ладно пусть будет так, не суть.

2) В 7 и 8 ИЕ линейный градиент в меню отображается отлично, а радиальный есть но не такой как должен быть. В ИЕ 9, как я понял методом исключения, используется закодированная картинка(или как правильно называется) такого типа:

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3

Вот как такую сделать самому? Здесь http://www.colorzilla.com/gradient-editor/ как мне надо не сделать, т.к. нельзя сдвигать центр окружности.